<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelet">

<h:head>
	<link type="text/css" rel="stylesheet" href="css/stylesheet.css" />
</h:head>

<h:body>
	<h:form>
		<p:scrollPanel mode="native" style="width:100%;height:100%;">
			<p:fieldset legend="Cadastrar funcionário">
				<p:growl id="growl" life="3000" />
				<p:wizard flowListener="#{funcionarioBean.onFlowProcess}">
					<p:tab title="Básico">
						<p:panel header="Informações pessoais sobre o funcionário">
							<p:messages />

							<h:panelGrid columns="2" columnClasses="label, value">

								<h:outputText value="Matrícula: " />
								<p:inputMask mask="99999999" required="true"
									requiredMessage="Matrícula do funcionário não informada!"
									value="#{funcionarioBean.funcionario.matriculaFuncionario}" />

								<h:outputText value="Nome: " />
								<p:inputText required="true"
									requiredMessage="Nome do funcionário não informado!"
									value="#{funcionarioBean.funcionario.nomeFuncionario}"
									size="50" />

								<h:outputText value="CPF: " />
								<p:inputMask mask="999.999.999-99" required="true"
									requiredMessage="CPF do funcionário não informado!"
									value="#{funcionarioBean.funcionario.cpfFuncionario}" />

								<h:outputText value="Senha: " />
								<p:password id="senha1"
									value="#{funcionarioBean.funcionario.senhaFuncionario}"
									match="senha2" required="true"
									requiredMessage="Senha não informada ou inválida!"
									maxlength="10" />

								<h:outputText value="Confirmar senha: " />
								<p:password id="senha2" required="true"
									requiredMessage="Senha incompatível!" maxlength="10" />

								<h:outputText value="Permissão: " />
								<p:selectOneRadio required="true"
									requiredMessage="Permissão de usuário não informada!"
									value="#{funcionarioBean.funcionario.permissao}">
									<f:selectItem itemLabel="Administrador"
										itemValue="ROLE_ADMINISTRADOR" />
									<f:selectItem itemLabel="Funcionário"
										itemValue="ROLE_FUNCIONARIO" />
								</p:selectOneRadio>
							</h:panelGrid>
						</p:panel>
					</p:tab>

					<p:tab title="Confirmar">
						<p:panel header="Confirmação dos dados de cadastro do funcionário">
							<p:messages />
							<h:panelGrid columns="2" columnClasses="label, value">

								<h:outputText value="Matrícula: " />
								<h:outputText styleClass="confirmacaoSaida"
									value="#{funcionarioBean.funcionario.matriculaFuncionario}" />

								<h:outputText value="Nome: " />
								<h:outputText styleClass="confirmacaoSaida"
									value="#{funcionarioBean.funcionario.nomeFuncionario}" />

								<h:outputText value="CPF: " />
								<h:outputText styleClass="confirmacaoSaida"
									value="#{funcionarioBean.funcionario.cpfFuncionario}" />

								<h:outputText value="Permissão: " />
								<h:outputText styleClass="confirmacaoSaida"
									value="#{funcionarioBean.funcionario.textoPermissao}" />
							</h:panelGrid>

							<p:commandButton value="Cadastrar" update="growl" process="@this"
								actionListener="#{funcionarioBean.salvar}" />
						</p:panel>
					</p:tab>
				</p:wizard>
			</p:fieldset>
		</p:scrollPanel>
	</h:form>
</h:body>
</html>